<!doctype html>
<html class="bg-dark">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <title>{:C('WEB_SITE_TITLE')}</title>
        <script src="__PUBLIC__/js/head.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            head.load(
                    '__PUBLIC__/css/common.css'
                    );
        </script>
    </head>
    <body>
        <section id="content" class="m-t-lg wrapper-md animated fadeInUp">
            <div class="container aside-xxl">
                <a class="navbar-brand block" href="#">{:C('WEB_SITE_TITLE')}</a>
                <section class="panel panel-default bg-white m-t-lg">
                    <form action="{:U('login')}" method="post" class="panel-body wrapper-lg">
                        <div class="form-group">
                            <label class="control-label">登錄賬號</label>
                            <input type="text" name="username" placeholder="請填寫用戶名" class="form-control input-lg" autocomplete="off" />
                        </div>
                        <div class="form-group">
                            <label class="control-label">登錄密碼</label>
                            <input type="password" name="password" placeholder="請填寫密碼" class="form-control input-lg" autocomplete="off" />
                        </div>
<!--                        <div id="validation_code"<php>echo !session('check_verify')?' style="display:none"':''</php>>
                            <div class="form-group">
                                <label class="control-label">登錄驗證</label>
                                <input type="text" name="verify" placeholder="請填寫驗證碼" class="form-control input-lg" autocomplete="off">
                            </div>-->
<!--                            <div class="form-group">
                                <label class="control-label">
                                    <div class="captcha-container pull-left"><img class="verifyimg reloadverify " src="{:U('Public/verify')}" alt=""><a href="javascript:$('.reloadverify').click()"  title="點擊切換">點擊切換</a></div>
                                </label>
                            </div>-->
<!--                        </div>-->
                        <button type="submit" class="btn btn-primary btn-lg ladda-button" data-style="slide-up">登錄</button>
                        <div class="check-tips"></div>
                    </form>
                </section>
            </div>
        </section>
        <!-- footer -->
        <footer id="footer">
            <div class="text-center padder">
                <p>
                    <small>iimage <br>&copy; {:date('Y')}</small>
                </p>
            </div>
        </footer>
        <!--[if lt IE 9]>
         <script type="text/javascript">head.load('__PUBLIC__/js/ie/html5shiv.js', '__PUBLIC__/js/ie/respond.min.js','__PUBLIC__/js/ie/excanvas.js');</script>
         <![endif]-->
        <script src="__PUBLIC__/js/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            var server_error = "服務器端出錯", app_lang = '{_e APP_LANG}';
            head.load(
                    '__PUBLIC__/js/libs/spin.min.js',
                    '__PUBLIC__/js/libs/ladda.min.js',
                    '__PUBLIC__/js/jquery.query.js',
                    '__PUBLIC__/js/jquery.cookie.js',
                    '__PUBLIC__/js/libs/ladda.jquery.min.js',
                    '__PUBLIC__/js/bootstrap.js',
                    '__PUBLIC__/js/app.js',
                    '__PUBLIC__/js/sco.message.js',
                    '__PUBLIC__/js/common.js'
                    );
        </script>
        <script type="text/javascript">
            $(function () {
                var verifyimg = $(".verifyimg").attr("src");
                $(".reloadverify").click(function () {
                    if (verifyimg.indexOf('?') > 0) {
                        $(".verifyimg").attr("src", verifyimg + '&random=' + Math.random());
                    } else {
                        $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/, '') + '?' + Math.random());
                    }
                });
            });
        </script>
    </body>
</html>
